<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Electronix</title>
        <link rel="stylesheet" type="text/css" href="css/top.css">
        <link rel="stylesheet" type="text/css" href="css/header.css">
    </head>
    <body>
        <!-- MAIN : START -->
        <div class="main">
            <!-- TOP : START -->
            <div class="top">
                <div class="languages">
                    <div>Languages:</div>
                    <a href="#"><img src="images/en.gif" alt="English"/></a>
                    <a href="#"><img src="images/de.gif" alt="English"/></a>
                </div>
                <div class="search">
                    <div class="search_text"><a href="#">Advanced Search</a></div>
                    <input type="text" class="search_input" name="search" />
		            <input type="image" src="images/search.gif" class="search_bt"/>
                </div>
            </div>
            <!-- TOP : END -->
            
            <!-- HEADER : START -->    
            <div class="header">
            	<div id="logo">
		            <a href="#"><img src="images/logo.png" alt="" /></a>
			    </div>
                <div class="slider">
                	<div class="top_divider"><img src="images/header_divider.png" alt=""/></div>
                    <div class="slide_content">
		            	<div class="content">
		                	<img src="images/laptop.png" class="slide_img" />
		                    <div class="slide_details">
								<div class="slide_title">Samsung GX 2004 LM</div>
								<div class="slide_text">
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
								</div>
								<a href="details.html" class="details">details</a>
		                    </div>
		                </div>
                        <div class="clr"></div>
		                <div class="pagination">      
		                     <span class="current">1</span>
		                     <a href="#">2</a>
		                     <a href="#">3</a>
		                     <a href="#">4</a>
		                     <a href="#">5</a>  
		                </div> 
		            </div>
                    <div class="top_divider"><img src="images/header_divider.png" alt=""/></div>
                </div>
            </div>
            <!-- HEADER : START -->
            
            <div class="content"></div>
            <div class="footer"></div>
        </div>    
        <!-- MAIN : END -->
    </body>
</html>
